<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Manager Approval Detail Page</title>
<style type="text/css">
<!--
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColElsCtr #container {
	width: 46em;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: center; /* this overrides the text-align: center on the body element. */
}
.oneColElsCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
-->
</style></head>

<body class="oneColElsCtr">

<div id="container">
  <div id="mainContent">
  <p align="center">Manager Approval Detail Page</p>
  <p><table width="693" border="o">
  <tr>
    <td width="114" align="center">Applicant</td>
    <td width="163" align="center">Approving Manager</td>
    <td width="176" align="center">Application Date</td>
    <td width="136" align="center">Duration</td>
  </tr>
  <tr>
    <td align="center"><label style="border-color:#CF0">1</label></td>
    <td align="center"><label style="border-color:#CF0">2</label></td>
    <td align="center"><label style="border-color:#CF0">3</label></td>
    <td align="center"><label style="border-color:#CF0">4</label></td>
  </tr>
</table>
  <table width="168" border="o" align="right">
    <tr>
      <td width="62" align="center">From</td>
      <td width="53" align="center">To</td>
    </tr>
    <tr>
      <td align="center"><label style="border-color:#CF0">5</label></td>
      <td align="center"><label style="border-color:#CF0">6</label></td>
    </tr>
  </table>
  <p>&nbsp;</p>
  <p><br />
  </p>
  <p align="left"><label style="border-color:#CF0" >7</label>:Days of Compensation leave used</p>
  <p align="left">Work  Dissemination: </p>
  <table width="690" border="o">
  <tr>
    <td bordercolor="#00FF00"><label>8</label></td>
  </tr>
</table>

  <p align="left">Reason:</p>
  <table width="690" border="o">
  <tr>
    <td bordercolor="#00FF00"><label>9</label></td>
  </tr>
</table>
  <p align="left">Rejected Due to:</p>
  <p align="left"><input  name="" type="text" maxlength="690" /></p>
  <p align="left">&nbsp;</p>
  <table width="690" border="o">
  <tr>
    <td align="center"><input name="Approve" type="button" value="Approve" /></td>
    <td align="center"><input name="Reject" type="button" value="Reject" /></td>
    <td align="center"><input name="Back" type="button" value="Back" /></td>
  </tr>
</table>
</p>
  <p align="right"></p>
  </div>
<!-- end #container --></div>
</body>
</html>